<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>退住登记</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Bootstrap -->
		<link href="../../../common/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
		<link href="../../../common/css/bootstrap.css" rel="stylesheet" media="screen">
	</head>

	<body>
		<article>
			<div class="container-fluid">
				<div class="row-fluid">
					<div class="span12">
						<ul class="breadcrumb">
							<li>
								<a href="/index.html">主页</a> <span class="divider">/</span>
							</li>
							<li>
								<a href="/index.html">客户管理</a> <span class="divider">/</span>
							</li>
							<li>
								<a href="/view/checkin/list/checkin-list.html">退住登记</a> <span class="divider">/</span>
							</li>

						</ul>
					</div>
				</div>

				<div class="row-fluid">
					<div class="span12">
						<form @submit.prevent="exit">
							<fieldset>
								<legend>客户信息</legend>
								<div class="modal-body clearfix" style="height: auto;">
									<div class="col-md-12 pd0">
										<div class="col-md-1 pd0 mt10"></div>
										<div class="col-md-10 pd0">
											<div class="col-md-12 pd0">
												<div class="input-group inputWidth">
													<span class="input-group-addon titleWidth">&nbsp;&nbsp;客户：</span>
													<input v-model="selectElder.name" readonly="readonly" type="text" />
													<button @click="query(1)" class="btn" data-toggle="modal" data-target=".myModal1">查看</button>
												</div>
											</div>
										</div>
										<div class="col-md-1 pd0"></div>
									</div>
									<div class="col-md-12 pd0 mt10">
										<div class="col-md-1 pd0"></div>
										<div class="col-md-10 pd0">
											<div class="col-md-12 pd0">
												<div class="input-group inputWidth">
													<span class="input-group-addon titleWidth">&nbsp;&nbsp;退住类型：</span>
													<select v-model="params.exitType" class="form-control">
														<option value="0">正常退住</option>
														<option value="1">死亡退住</option>
														<option value="2">保留床位</option>
													</select>
												</div>
											</div>
										</div>
										<div class="col-md-1 pd0"></div>
									</div>
									<div class="col-md-12 pd0 mt10">
										<div class="col-md-1 pd0"></div>
										<div class="col-md-10 pd0">
											<div class="col-md-12 pd0">
												<div class="input-group inputWidth">
													<span class="input-group-addon titleWidth">&nbsp;&nbsp;退住原因：</span>
													<input v-model="params.exitReason" type="text" class="form-control">
												</div>
											</div>
										</div>
										<div class="col-md-1 pd0"></div>
									</div>
									<div class="col-md-12 pd0 mt10">
										<div class="col-md-1 pd0"></div>
										<div class="col-md-10 pd0">
											<div class="col-md-12 pd0">
												<div class="input-group inputWidth">
													<span class="input-group-addon titleWidth">&nbsp;&nbsp;退住时间：</span>
													<input v-model="params.exitTime" type="date" class="form-control">
												</div>
											</div>
										</div>
										<div class="col-md-1 pd0"></div>
									</div>
								</div>

								<button @click="exit()" type="submit" class="btn btn-default">提交</button>
								<button type="reset" class="btn btn-default">重置</button>

							</fieldset>
						</form>
					</div>
				</div>
			</div>
			<div class="modal fade myModal1">
				<div class="modal-dialog">
					<div class="modal-content" style="width: 100%;height:20%;">
						<div class="text-center">
							<div class="row-fluid">
								<div class="span12">
									<table class="table table-hover">
										<thead>
											<tr>
												<th>序号</th>
												<th>客户姓名</th>
												<th>性别</th>
												<th>出生年月</th>
												<th>编号</th>
												<th>身份证号</th>
												<th>入院时间</th>
												<th>操作</th>

											</tr>
										</thead>
										<tbody v-if="result!=null">
											<tr v-for="(row,i) in result.rows">
												<td>{{i+1}}</td>
												<td>{{row.name}}</td>
												<td v-if="row.male">男</td>
												<td v-if="!row.male">女</td>
												<td>{{row.birthday}}</td>
												<td>{{row.no}}</td>
												<td>{{row.idCard}}</td>
												<td>{{row.enterTime}}</td>
												<td><button class="btn btn-default" @click="selectElder=row" type="button" data-dismiss="modal">选择</button></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							<div>
								<i class=" icon-star"></i>

							</div>
						</div>
					</div>
				</div>
			</div>
		</article>
		<script src="http://code.jquery.com/jquery.js"></script>
		<script src="../../../common/js/bootstrap.js "></script>
		<script src="../../../common/axios.min.js "></script>
		<script src="../../../common/jun/yi.toast.js "></script>
		<script src="../../../common/vue.js "></script>
		<script src="exit-add.js"></script>
	</body>

</html>